<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>发布文章 - 慕课网</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="77103107776157736375" />
    <meta property="wb:webmaster" content="c4f857219bfae3cb" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
    <meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />
    <link rel="stylesheet" href="/Statics/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/shouji/create-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="/Statics/css/font-awesome.min.css" type="text/css" />
</head>
<body >
<!--头部-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--header-->
    <div id="header">

        <div class="page-container" id="nav">
            <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">微客教育网</a></div>


            <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
                <i class="icon-menu"></i>
            </button>
            <!--未登录时显示-->
            <ul class="nav-item">
                <!--<li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>-->
                <li>
                    <a href="<?php echo U('Course/index');?>"  target="_self">课程</a>
                </li>
                <li><a href="<?php echo U('Wenda/index');?>" class="active" target="_self">猿问</a></li>
                <li><a href="<?php echo U('Shouji/index');?>" target="_self">手记</a></li>
            </ul>
            <!--登录注册 未登录才显示 start-->
            <!--<div id="login-area">-->
            <!--<ul class="header-unlogin clearfix">-->
            <!--<li class="header-signin">-->
            <!--<a href="#" id="js-signin-btn">登录</a>-->
            <!--</li>-->
            <!--<li class="header-signup">-->
            <!--<a href="#" id="js-signup-btn">注册</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--登录注册 未登录才显示 end-->

            <!--已登录才显示-->
            <div id="login-area">
                <ul class="clearfix logined">
                    <li class="set_btn user-card-box">
                        <a id="header-avator" class="user-card-item" action-type="my_menu" href="/u/3224635/courses"
                           target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg'
                                               width='40' height='40'/>
                            <i class="myspace_remind" style="display: none;"></i>
                            <span style="display: none;">动态提醒</span>
                        </a>
                        <div class="g-user-card">
                            <div class="card-inner">
                                <div class="card-top">
                                    <a href="<?php echo U('Ucenter/index');?>"><img
                                            src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg"
                                            alt="慕粉3224635" class="l"></a>
                                    <a href="<?php echo U('Ucenter/index');?>"><span class="name text-ellipsis">慕粉3224635</span></a>
                                    <p class="meta">
                                        <a href="<?php echo U('Ucenter/experience');?>">经验<b id="js-user-mp">40</b></a>
                                        <a href="<?php echo U('Ucenter/credit');?>">积分<b id="js-user-credit">0</b></a>
                                    </p>

                                    <!--<a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'></a>-->
                                    <a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'>
                                        <i class="fa fa-cog"></i>
                                    </a>

                                </div>
                                <!--
                                <div class="card-links">
                                    <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                    <span class="split l"></span>
                                    <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                                </div>
                                -->
                                <div class="card-history">
                                    <span class="history-item">
                                        <span class="tit text-ellipsis">响应式布局</span>
                                        <span class="media-name text-ellipsis">1-4 设计原则</span>
                                        <i class="icon-clock"></i>
                                        <a href="<?php echo U('Course/play?vid=494');?>" class="continue">继续</a>
                                    </span>
                                </div>
                                <div class="card-sets clearfix">
                                    <a href="<?php echo U('Wenda/question');?>" target="_blank" class="l mr30">发问题</a>
                                    <a href="<?php echo U('Shouji/write');?>" target="_blank" class="l">写文章</a>
                                    <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                                </div>
                            </div>
                            <i class="card-arr"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
<!--中间主体-->
<div class="opus-wrap clearfix">
    <div class="article-wrap">
        <!-- article title 文章标题-->
        <h2 class="article-title">发布文章</h2>
        <!-- article content 文章内容-->
        <div class="article-form">
            <!-- 标题 -->
            <div class="form-group">
                <span class="needed">*</span>
                <div class="form-ipt-wrap">
                    <input type="text" id="art-title" class="art-title" placeholder="请在此输入标题，最多35中文字长度" />
                    <input id="is-ori" class="ori-ckd" type="checkbox" name="" value=""  />
                    <label for="is-ori" id="check-status" data-check="0" class="original sns-checkbox-o "></label>
                    <label for="is-ori" class="ori-tip ">原创请勾选</label>
                    <span class="orl-txt">（原创内容可获得5积分，审核后发放）</span>
                    <p class="form-ipt-error"></p>
                </div>
            </div>
            <!-- 上传图片 -->
            <div class="form-group clearfix">
                <div class="form-ipt-wrap">
                    <div  class="face-upload clearfix">
                        <div id="js-face-upload" class="l">
                            <button class="btn btn-green">上传图片</button>
                        </div>
                        <span class="l">封面为420*260像素的 PNG/JPG/GIF 格式图片</span></div>
                    <div id="js-face-reault" class="face-result">
                    </div>
                    <input type="hidden" id="art-face" >
                </div>
            </div>
            <!-- 编辑 -->
            <div class="form-group clearfix">
                <span class="needed">*</span>
                <div class="form-ipt-wrap edit-area">
                    <div class="tip">本地保存成功 <i class="icon-close"></i></div>
                    <div id="js-mk" class="mk-container">
                    </div>
                    <p class="form-ipt-error"></p>
                </div>
            </div>
            <!-- 选择标签 -->
            <div class="form-group tag-selector">
                <span class="needed">*</span>
                <div class="tag-selector-wrap">

                    <p class="tip">选择文章合适的标签，最多可选3个</p>
                    <div id="js-tags" class="tag-box clearfix" '>
                    <span class="for-choice" tag-id="2">PHP</span>
                    <span class="for-choice" tag-id="3">JAVA</span>
                    <span class="for-choice" tag-id="5">Html/CSS</span>
                    <span class="for-choice" tag-id="12">Android</span>
                    <span class="for-choice" tag-id="25">CSS3</span>
                    <span class="for-choice" tag-id="19">iOS</span>
                    <span class="for-choice" tag-id="7">Maya</span>
                    <span class="for-choice" tag-id="8">MongoDB</span>
                    <span class="for-choice" tag-id="9">Premiere</span>
                    <span class="for-choice" tag-id="10">Photoshop</span>
                    <span class="for-choice" tag-id="11">Mysql</span>
                    <span class="for-choice" tag-id="13">Node.js</span>
                    <span class="for-choice" tag-id="14">Html5</span>
                    <span class="for-choice" tag-id="15">JQuery</span>
                    <span class="for-choice" tag-id="17">JavaScript</span>
                    <span class="for-choice" tag-id="18">Python</span>
                    <span class="for-choice" tag-id="20">Linux</span>
                    <span class="for-choice" tag-id="21">云计算</span>
                    <span class="for-choice" tag-id="22">AngularJS</span>
                    <span class="for-choice" tag-id="24">Bootstrap</span>
                    <span class="for-choice" tag-id="26">前端工具</span>
                    <span class="for-choice" tag-id="27">WebApp</span>
                    <span class="for-choice" tag-id="28">C</span>
                    <span class="for-choice" tag-id="29">Oracle</span>
                    <span class="for-choice" tag-id="30">C++</span>
                    <span class="for-choice" tag-id="31">Go</span>
                    <span class="for-choice" tag-id="33">Unity 3D</span>
                    <span class="for-choice" tag-id="34">Cocos2d-x</span>
                    <span class="for-choice" tag-id="35">大数据</span>
                    <span class="for-choice" tag-id="36">SQL Server</span>
                    <span class="for-choice" tag-id="38">C#</span>
                    <span class="for-choice" tag-id="39">数据结构</span>
                    <span class="for-choice" tag-id="40">ZBrush</span>
                    <span class="for-choice" tag-id="46">职场生活</span>
                    <span class="for-choice" tag-id="47">设计</span>
                </div>
                <p class="form-ipt-error"></p>
            </div><!-- tag-selector-wrap end -->
        </div><!-- tag-selector end -->
        <!-- 发布 -->
        <div class="form-group form-bottom">
            <label for="" class="form-label l"></label>
            <div class="form-ipt-wrap">
                <button id="js-submit" class="btn btn-red">发布<span> (Ctrl+Enter)</span></button>  <span class="submit-tip js-submit-tip"></span>        <p id='js-msg' class="form-ipt-error"></p>
            </div>
        </div>
    </div>
</div>

<div id="js-modal-mk-image" class="modal article-modal" style="display:none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">插入图片</h4>
            </div>
            <!--选择图片-->
            <div class="modal-body">
                <div class="article-modal-upload">
                    <div id="js-amu-btn" class="amu-inner">
                        <input id="js-amu-ipt" type="text" value="请选择图片" readonly>
                    </div>
                </div>
                <p id="js-amu-msg"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-normal" data-dismiss="modal">取消</button>
                <button id="js-amu-upload-btn" type="button" class="btn btn-green">插入</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div id="js-modal-mk-link" class="modal article-modal" style="display:none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">插入链接</h4>
            </div>
            <div class="modal-body">
                <div class="article-modal-upload">
                    <div class="aml-inner">
                        <input id="js-aml-ipt" type="text" value="请输入链接" placeholder="请输入链接">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-normal" data-dismiss="modal">取消</button>
                <button id="js-aml-btn" type="button" class="btn btn-green">插入</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</div><!--opus-wrap end-->

<div id="main">

</div>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--底部-->
    <div id="footer" >
        <div class="waper">
            <div class="footerwaper clearfix">
                <div class="followus r">
                    <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                        <div class="flw-weixin-box"></div>
                    </a>
                    <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                    <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
                </div>
                <div class="footer_intro l">
                    <div class="footer_link">
                        <ul>
                            <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                            <li><a href="/about/job" target="_blank">人才招聘</a></li>
                            <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                            <li><a href="http://yun.imooc.com/" target="_blank">慕课云</a></li>
                            <li><a href="/corp/index" target="_blank">合作专区</a></li>
                            <li><a href="/about/us" target="_blank">关于我们</a></li>
                            <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                            <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                            <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                        </ul>
                    </div>
                    <p>Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
                </div>
            </div>
        </div>
    </div>

</body>
</html>



</div>
</body>
</html>